<template>
	<view class="content with-tabbar">
		<u-navbar title="支付结果" bgColor="#fff" :safeAreaInsetTop="true" :placeholder="true" :fixed="true"
			@leftClick="goBack"></u-navbar>

		<div class="main mt-200">
			<image class="successImg" src="https://xingangtong.oss-cn-beijing.aliyuncs.com/common/202506261fMyVX.png" />
			<div class="text-center fontS28 mt-10">提交成功</div>
			<div class="submitBtn fontS26 mb-20 mt-200" @click="toNext">查看订单
			</div>
		</div>


	</view>
</template>

<script>
import { resume, onLineResume } from '@/api/resume'
const api = require("@/api/api.js").api;
export default {
	computed: {
		userInfo() {

			return this.$store.getters.userInfo || {};
		},
	},
	data() {
		return {
			orderId: '',
			custom: null
		}
	},
	onLoad(option) {
		console.log(option)
		this.custom = wx.getMenuButtonBoundingClientRect()
		console.log(this.custom)
		this.orderId = option.orderId
	},
	methods: {
		toHome() {
			uni.switchTab({
				url: '/pages/home/home'
			})
		},
		goBack() {
			if (this.userInfo.userType === '03') {
				uni.switchTab({
					url: '/pages/serve/indexCom'
				})
			} else {
				uni.switchTab({
					url: '/pages/serve/index'
				})
			}

		},
		async toNext() {
			uni.navigateTo({
				url: `/pages/order/detail?orderId=${this.orderId}`,
			});

		},

	}
}
</script>

<style lang="less" scoped>
.content {
	display: flex;
	flex-direction: column;
	padding: 50upx;
	// text-align: center;
	height: 100vh;
	overflow: hidden;

	.successImg {
		width: 192upx;
		height: 192upx;
		margin: 0 auto;
	}

	.mt-300 {
		margin-top: 300upx;
	}

}

.backBtn {
	position: fixed;
	top: 0upx;
	left: 30upx;
	width: 100%;

}
</style>